<template>
  <div id="app">
    <!-- <van-tabbar v-model="active" route>
      <van-tabbar-item icon="home-o" replace to="/"></van-tabbar-item>
    </van-tabbar> -->
    <router-view />
  </div>
</template>

<script>
import Vue from 'vue';
import { NavBar } from 'vant';
import {
  Tabbar, TabbarItem, Divider, Picker, Toast, Form, Field, CellGroup, Loading, TreeSelect, Dialog ,
  Button, Tab, Tabs, PullRefresh, Uploader, DatetimePicker, Popup, Icon, RadioGroup, Radio, Empty
} from 'vant';

Vue.use(Dialog);
Vue.use(TreeSelect);
Vue.use(Loading);
Vue.use(Empty);
Vue.use(Icon);
Vue.use(Picker);
Vue.use(Popup);
Vue.use(DatetimePicker);
Vue.use(Uploader);
Vue.use(PullRefresh);
Vue.use(Divider);
Vue.use(Tab);
Vue.use(Tabs);
Vue.use(Button);
Vue.use(Form);
Vue.use(Field);
Vue.use(CellGroup);
Vue.use(Toast);
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(NavBar);
Vue.use(RadioGroup);
Vue.use(Radio);

export default {
  data() {
    return {
      active: 0,
    };
  },
}
</script>


<style>
#app {
  position: relative;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  /* padding: 0 20px; */
  color: #2c3e50;
}

html,
body,
#app {
  height: 100%;
  position: relative;
  overflow: auto
}

.page {
  min-height: 200px;
  height: 100%;
  overflow: auto;
  /* position: relative;
  overflow: auto; */
}
.page2 {
  padding: 0px 15px 15px;
  min-height: 200px;
  height: 100%;
  position: relative;
  overflow: auto;
}

.van-field__label {
  color: #01124D;
  font-weight: 500
}

.van-field__control {
  color: #01124D;
}

#nav {
  padding: 30px;
}

.my-nav-bar {
  background-color: transparent;
}

#nav a {
  font-weight: bold;
  color: #2c3e50;
}

#nav a.router-link-exact-active {
  color: #42b983;
}

div {
  box-sizing: border-box;
}
</style>
